<!DOCTYPE html>
<html lang="en">
{% load static %}
<head>
    <meta charset="UTF-8">
    <title>拍卖列表</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'publc/font-awesome-4.7.0/css/font-awesome.min.css' %}">
</head>
<body>
<div>
    <div>
        <div class="panel panel-success">
            <div class="panel-heading">
                <h3>专场信息</h3>
            </div>
            <div class="panel-body">
                <div class="bs-example" data-example-id="hoverable-table">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>专场</th>
                            <th>预展开始</th>
                            <th>预展结束</th>
                            <th>拍卖开始</th>
                            <th>拍卖结束</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th scope="row">{{ auction_obj.title }}</th>
                            <td>{{ auction_obj.preview_start_time }}</td>
                            <td>{{ auction_obj.preview_end_time }}</td>
                            <td>{{ auction_obj.auction_start_time }}</td>
                            <td>{{ auction_obj.titauction_end_timele }}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="bs-example" data-example-id="hoverable-table">

        <div class="panel panel-warning">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <text>拍卖商品</text>
                    <a href="{% url 'auction_item_add' pk=auction_obj.id %}" class="btn btn-info" style="float: right">添加</a>
                </h3>
            </div>
            <div class="panel-body">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>封面</th>
                        <th>名称</th>
                        <th>图录号</th>
                        <th>起拍价</th>
                        <th>加价幅度</th>
                        <th>参考价格</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for item in auction_item_list %}
                        <tr>
                            <th scope="row">{{ forloop.counter }}</th>
                            <td><img src="https://{{ item.cover }}" alt="" width="60rpx"></td>
                            <td>{{ item.title }}</td>
                            <td>{{ item.uid }}</td>
                            <td>{{ item.start_price }}</td>
                            <td>{{ item.unit }}</td>
                            <td>{{ item.reserve_price }}-{{ item.highest_price }}</td>
                            <td>{{ item.get_status_display }}</td>
                            <td><a href=""><i class="fa fa-wrench"
                                              aria-hidden="true"></i></a>|
                                <a href=""><i class="fa fa-window-close"
                                              aria-hidden="true" style="color: red"></i>
                                </a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
</html>